<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--当v-show为false只是设置style="display: none" 而v-if是创建或不创建-->
<!--当切换频率很高使用v-show-->
<!--只有一次切换v-if-->
<div id="app">
  <span v-if="isShow">创建</span>
  <span v-show="isShow">显示</span>
</div>
<script src="../js/vue.js"></script>
<script>
    const app = new Vue({
      el: '#app',
      data: {
        isShow: true,
      }
    })
</script>
</body>
</html>
